<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>界面</title>
    <link rel="stylesheet" href="./主.css">
</head>
<body>
    <ul class="dhl wrapper">
        <div class>
            <h1> <img  class="logo" src="../光遇/8.jpg" alt=""></h1>
        </div>
        <audio src="https://sky.res.netease.com/m/gw/20170907122323/data/bgm.mp3" 
        autoplay="autoplay" loop="loop"  preload="auto"></audio>
        <li class="dropdown">
            <a href="javascript:void(0)" class="dropbtn">游戏简介</a>
            <div class="dropdown-content">
              <a href="./玩法介绍.html">玩法介绍</a>
              <a href="https://baike.baidu.com/item/%E5%85%89%C2%B7%E9%81%87/23699529">光遇简介</a>
              
            </div>
          </li>
          <li class="dropdown">
            <a href="javascript:void(0)" class="dropbtn">光遇景色</a>
            <div class="dropdown-content">
              <a href="./玩法介绍.html">晨岛景色</a>
              <a href="#">云野景色</a>
              <a href="#">雨林景色</a>
              <a href="./霞谷景色.html">霞谷景色</a>
              <a href="#">墓土景色</a>
              <a href="#">禁阁景色</a>
            </div>
          </li>
          <li class="dropdown">
            <a href="javascript:void(0)" class="dropbtn">光翼攻略</a>
            <div class="dropdown-content">
              <a href="./玩法介绍.html">晨岛</a>
              <a href="#">云野</a>
              <a href="#">雨林</a>
              <a href="#">霞谷</a>
              <a href="#">墓土</a>
              <a href="#">禁阁</a>
            </div>
          </li>
          <li class="dropdown">
            <a href="javascript:void(0)" class="dropbtn">游戏其他</a>
            <div class="dropdown-content">
              <a href="./霞谷景色.html">好友互动</a>
              <a href="#">献祭技巧</a>
            </div>
          </li>
          <div class="search">
              <input type="text" placeholder="请输入搜索内容">
              <button></button>
          </div>
    </ul>
    <div class="header">
      <div class="left">
        <ul>
          <li> <img class="logee" src="../光遇/13.jpg" alt=""></li>
          <li> <img  class="down" src="../光遇/14.png" alt=""></li>
          <li>  <a href="https://adl.easebar.com/d/g/sky/c/gw?type=ios"><img class="down"  src="../光遇/15.png" alt="" title="点击下载苹果光遇"></a></li>
          <li>  <a href="https://adl.easebar.com/d/g/sky/c/gw?type=android"><img class="down"  src="../光遇/16.png" alt="" title="点击下载安卓光遇"></a> </li>
        </ul>
      </div>
       
       <div class="right">
        <h2 style="text-align: center;">装备鉴赏</h2>
        <ul>
          <li> <a href="#">光遇背饰<span>></span></a></li>
          <li> <a href="#">光遇斗篷<span>></span></a></li>
          <li> <a href="#">光遇头饰<span>></span></a></li>
          <li> <a href="#">光遇面具<span>></span></a></li>
          <li> <a href="#">光遇服饰<span>></span></a></li>
          <li> <a href="#">光遇魔法<span>></span></a></li>
        </ul>
       </div>
       <div class="wrapper">
        <h1 style="color:whitesmoke; text-align: center;">光·遇</h1>
       <p> <video src="../Download/1.mp4" controls class="video"></video> </p>
       </div>
    </div>
    <div class="row wrapper">
      <div class="column one">
      <!-- <img src="../光遇/18.jpg" alt="" class="bj"> -->
      <!-- <div class="center"> -->
      <h2>今日任务</h2>
      <h3 style="margin: 5px auto;">距离今日任务结束：<p id="demo"></p></h3>
     <!-- <script src="./Slider.js"></script> -->
     
      <ul class="ziti" id="test">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <script src="./主.js"></script> 
      </div>
    <!-- </div> -->
      <div class="column one yichu">
      <h2>光遇语录</h2>
      <ol>
        <li>亲爱的旅人，在雨林，鲲鹏和蝴蝶永远不会抛弃您。</li>
        <li>漆黑的世界，我寻着光，遇到了你。</li>
        <li>我原以为是平淡生活的无聊消遣，没想到成为了治愈心灵的不可或缺。</li>
        <li>跑图我能一个人跑完，但我还是希望有人能在我身旁说一句，我陪你</li>
        <li>我以前最不喜欢的就是雨林，这里人太少了，而我喜欢热闹。也不知道后来是为什么，许是年纪大了，
            偏爱清静，我最常来的就是雨林，撑一把伞，听听雨声，足够幸运的话还能遇见彩虹。</li>
        <li>慢慢来吧，总会有个人对你说，我的星盘只会有你一人，你的星盘也可以点亮我的名字。</li>
        <li>亲爱的光之子，请记住这只是一场游戏。</li>
        <li>前方暴风肆虐，和伙伴一起前行，互相照应才能走得更远。</li>
        <li>晴空万里的云野，你哼唱的歌谣与风。</li>
      </ol>
      </div>
      <div class="column one yichu">
       <h2> <a href="https://sky.163.com/news/index.html"> 游戏公告</a></h2>
       <ul class="ziti2">
         <li class="juli"> <a href="https://sky.163.com/news/official/20220418/26689_1013240.html">
           <img class="im" src="../光遇/19.jpg" alt="">潜海寻踪，拾光探险丨《光·遇》奇妙之旅：潜海季 概念设定与美术图稿分享</a></li>
           <hr>
        <li class="juli"><a href="https://sky.163.com/news/official/20220412/26689_1012330.html">
             <img class="im" src="../光遇/20.jpg" alt="">潜海觅光 绘浪于纸 |《光·遇》潜海季玩家优秀作品分享</a></li>
             <br><hr>
        <li class="juli"><a href="https://sky.163.com/news/official/20220329/26689_1010065.html">
            <img class="im" src="../光遇/21.jpg" alt="">聆音品茗 共赏落英丨《光·遇》春日线下相聚 活动指南</a></li>
             <hr>
        <li class="juli"><a href="https://sky.163.com/news/official/20220328/26689_1009754.html">
               <img class="im" src="../光遇/22.jpg" alt="">藤花烛雨 光暖迎春丨《光·遇》花憩节 邀你春日赏花去</a></li>
            <hr>
        <li class="juli"><a href="https://sky.163.com/news/update/20220325/26690_1009296.html">
               <img class="im" src="../光遇/23.jpg" alt="">藤花烛雨 紫境茶歇 |《光·遇》3月28日 花憩节 赏花指南</a></li>
       </ul>
      </div>
    </div> 
    <hr>
    <footer align="right">
      <p>制作者：小易</p>
      <p>联系方式：<a href="https://sky.163.com/yqlj/?i=l9U73iQ9So6HHwi5l0JReg&app_channel=xiaomi_app">点我获取光遇好友🔗</a>.</p>
    </footer>
</body>
</html>